<template>
<div>
  <div class="rf-pdp-buyflow-form-wrapper">
    <div class="rf-pdp-buyflow-form-buttons">
      <div class="rf-pdp-buyflow-form">
        <form method="post" >
          <button type="primary" round>添加到购物袋</button>
        </form>
      </div>
    </div>
    <div class="rf-pdp-addtocart-saveditem-wrapper">
      <div class="rf-saveditem-container">
        <div class="rf-saveditem-content">
          <h2>
            <span>还拿不定主意？</span>
          </h2>
          <div class="rf-saveditem-content-description">
            将此商品收藏到清单，方便回头再来挑选。
          </div>
        </div>
        <div class="rf-saveditem-tooltip">
          <button class="rf-saveditem-button">
           <svg t="1664353061262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10724" width="25" height="35"><path d="M256 51.2a51.2 51.2 0 0 0-51.2 51.2v868.1984L452.5056 793.6a102.4 102.4 0 0 1 118.9888 0L819.2 970.5984V102.4a51.2 51.2 0 0 0-51.2-51.2H256z m0-51.2h512a102.4 102.4 0 0 1 102.4 102.4v868.1984a51.2 51.2 0 0 1-80.9472 41.6768l-247.7056-176.9472a51.2 51.2 0 0 0-59.4944 0L234.496 1012.2752A51.2 51.2 0 0 1 153.6 970.5984V102.4a102.4 102.4 0 0 1 102.4-102.4z" fill="#1296db" p-id="10725"></path></svg>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="communication">
    <div class="Svg">
      <svg t="1664353537580" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15190" width="23" height="23"><path d="M498.816 345.056c26.336 0 43.936-17.632 43.936-43.904 0-26.56-17.568-43.744-43.936-43.744s-52.832 17.184-52.832 43.744C446.016 327.424 472.48 345.056 498.816 345.056zM253.088 257.408c-26.336 0-52.96 17.184-52.96 43.744 0 26.272 26.624 43.904 52.96 43.904 26.24 0 43.808-17.632 43.808-43.904C296.864 274.592 279.328 257.408 253.088 257.408zM1024 626.112c0-138.88-128.832-257.216-286.976-269.536 0.224-1.728 0.32-3.52-0.064-5.312-31.712-147.84-190.688-259.296-369.824-259.296C164.704 91.968 0 233.12 0 406.624c0 93.088 47.52 176.96 137.568 243.104l-31.392 94.368c-2.016 6.144-0.192 12.896 4.704 17.152 2.976 2.56 6.72 3.904 10.496 3.904 2.432 0 4.896-0.576 7.168-1.696L246.4 704.48l14.528 2.944c36.288 7.456 67.616 13.92 106.208 13.92 11.36 0 22.88-0.512 34.176-1.472 4.576-0.384 8.448-2.688 11.072-6.016 42.496 106.336 159.616 183.104 297.44 183.104 35.296 0 71.04-8.512 103.104-16.544l90.848 49.664c2.4 1.312 5.056 1.984 7.68 1.984 3.584 0 7.168-1.216 10.048-3.552 5.056-4.096 7.136-10.848 5.248-17.024l-23.2-77.152C981.344 772.864 1024 699.328 1024 626.112zM398.592 687.968c-10.4 0.896-20.96 1.344-31.424 1.344-35.328 0-65.216-6.112-99.776-13.248L247.296 672c-3.456-0.736-7.104-0.256-10.272 1.376l-88.288 44.192 22.944-68.928c2.24-6.752-0.224-14.112-6.016-18.176C76.96 568.64 32 493.312 32 406.624c0-155.84 150.336-282.656 335.136-282.656 163.36 0 308 99.392 337.856 231.584-171.296 2.24-309.888 122.656-309.888 270.56 0 21.504 3.264 42.336 8.768 62.432C402.208 688.128 400.448 687.808 398.592 687.968zM875.456 815.552c-5.344 4.032-7.616 10.976-5.696 17.376l15.136 50.336-62.112-33.984c-2.368-1.312-5.024-1.984-7.68-1.984-1.312 0-2.624 0.16-3.904 0.512-33.312 8.416-67.776 17.088-101.344 17.088-155.904 0-282.72-107.136-282.72-238.816 0-131.68 126.816-238.784 282.72-238.784 152.928 0 282.144 109.344 282.144 238.784C992 691.744 950.624 759.04 875.456 815.552zM612.992 511.968c-17.568 0-35.136 17.696-35.136 35.232 0 17.664 17.568 35.104 35.136 35.104 26.4 0 43.84-17.44 43.84-35.104C656.832 529.632 639.392 511.968 612.992 511.968zM806.016 511.968c-17.312 0-34.88 17.696-34.88 35.232 0 17.664 17.568 35.104 34.88 35.104 26.304 0 44.064-17.44 44.064-35.104C850.08 529.632 832.352 511.968 806.016 511.968z" p-id="15191"></path></svg>
    </div>
    <div class="context">
      <div class="contextFrist">获得购买帮助，</div>
      <div class="contextSceond">
        <a href="#">立即在线交流</a>   
          或致电 
     <span>400-666-8800。</span>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.rf-pdp-buyflow-form-wrapper {
  width: 327px;
  height: 108px;
  margin: 45px 0;
  .rf-pdp-buyflow-form-buttons {
    width: 100%;
    height: 36px;
    .rf-pdp-buyflow-form {
      width: 100%;
      height: 100%;
      form {
        width: 100%;
        height: 100%;
        button {
          color: white;
          width: 100%;
          height: 100%;
          border-radius: 8px;
          background-color: #0071e3;
          border:none;
          font-size: 14px;
          font-weight: 500;
          padding: 8px 16px;
          cursor: pointer;
        }
      }
    }
  }
  .rf-pdp-addtocart-saveditem-wrapper{
    height: 72px;
    width: 327px;
    .rf-saveditem-container{
      display: flex;
      flex-direction: row;
      width: 100%;
      padding-top: 30px;
      height: 100%;
      .rf-saveditem-content{
        height: 42px;
        width: 266px;
        h2{
          font-size: 14px;
        }
        .rf-saveditem-content-description{
          font-size: 10px;
          letter-spacing: 0
        }
      }
      .rf-saveditem-tooltip{
        width: 35px;
        height: 42px;
        padding-left: 46px;
        .rf-saveditem-button{
          border: none;
          background-color: #fff;
          cursor: pointer;
        }
      }
    }
  }
}
.communication{
  display: flex;
  flex-direction: row;
  width: 327px;
  height: 39px;
  padding-top: 22px;
  border-top: 1px solid #d2d2d7 ;
  .Svg{
    width: 31px;
    height: 25px;
    padding-right: 12px;
  }
  .context{
    display: flex;
    flex-direction: row;
  font-size: 4px;
  width: 300px;
  height: 17px;
  .contextSceond{
    a{
      text-decoration: none;
      color:#0071e3 ;
      font-weight: 600px;
    }
    a:hover{
      color: black;
    }
  }
  }
}
</style>